<template>
  <view class="content">
    <view class="g-header">
    </view>
    <view class="innerPre">
    </view>
    <view class="inner">

      <view class="wDetailBlock">
        <view class="wDetailBlockHeader wDetailBlockHeader1">
          <view class="wDetailBlockH1">归还水舱</view>
          <view class="wDetailBlockH2">862542</view>
        </view>
        <view class="wDetailBlockBody">
          <view class="wDetailB1">
            灌装实时检测
          </view>
          <view class="wDetailB2">
            <view class="wDetailB2LV">
              <view class="wDetailB2L">浊度：</view>
              <view class="wDetailB2V">0.5ntu</view>
            </view>
            <view class="wDetailB2LV">
              <view class="wDetailB2L">TCO：</view>
              <view class="wDetailB2V">0.5ppm</view>
            </view>
            <view class="wDetailB2LV">
              <view class="wDetailB2L">COD：</view>
              <view class="wDetailB2V">1ppm</view>
            </view>
            <view class="wDetailB2LV">
              <view class="wDetailB2L">TDS：</view>
              <view class="wDetailB2V">0.8ppm</view>
            </view>
            <view class="wDetailB2LV">
              <view class="wDetailB2L">BOD：</view>
              <view class="wDetailB2V">18</view>
            </view>
            <view class="wDetailB2LV">
              <view class="wDetailB2L"></view>
              <view class="wDetailB2V"></view>
            </view>
            <view class="wDetailB2LV"></view>
            <view class="wDetailB2LV"></view>
            <view class="wDetailB2LV">
              <view class="wDetailB2L">灌装时间：</view>
            </view>
            <view class="wDetailB2LV">
              <view class="wDetailB2L">归还时间：</view>
            </view>
            <view class="wDetailB2LV">
              <view class="wDetailB2V">2020-03-04 10:10</view>
            </view>
            <view class="wDetailB2LV">
              <view class="wDetailB2V">2020-03-04 10:10</view>
            </view>
          </view>

        </view>

      </view>

    </view>
    <view class="innerNext">
    </view>
  </view>
</template>

<script>
import * as util from '@/common/util'
import _ from 'lodash'

export default {
  components: {},
  data(){
    return {
      title: 'Hello',
      list: [],
    }
  },
  onLoad(){
    this.id = this.$Route.query.id
    console.log(`this.id`, this.id)
  },
  onShow(){},
  mounted(){},
  onReady(){},
  methods: {},
}
</script>
<style lang="scss">
page {
  background-color: #F7F9FB;
}

.innerPre {

}

.inner {
  padding: 24px;

}

.innerNext {

}

.wDetailBlock {
  margin-bottom: 24px;
  .wDetailBlockHeader {
    padding: 24px;
    display: flex;
    align-items: center;


    &.wDetailBlockHeader1 {
      background: #E7F2FF;
      .wDetailBlockH1 {
        color: #177FFF;
      }
    }
    &.wDetailBlockHeader2 {
      background: #EAF9EE;
      .wDetailBlockH1 {
        color: #1AC467;
      }
    }

    .wDetailBlockH1 {
      font-size: 32px;
      font-weight: 500;
      line-height: 48px;
    }

    .wDetailBlockH2 {
      margin-left: 20px;
      padding: 10px;
      background: #C5DFFF;
      border-radius: 8px 8px 8px 8px;
      display: flex;
      justify-content: center;
      align-items: center;

      font-size: 24px;
      font-weight: 400;
      color: #177FFF;
      line-height: 24px;
    }
  }


  .wDetailBlockBody {
    background: #FFFFFF;
    border-radius: 16px 16px 16px 16px;
    opacity: 1;

    padding: 24px;

    .wDetailB1 {
      font-size: 32px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.8);
      line-height: 48px;
    }

    .wDetailB2 {
      display: flex;
      align-items: center;
      flex-flow: wrap;

      .wDetailB2LV {
        padding: 10px 0;

        width: 50%;
        display: flex;
        align-items: center;

        .wDetailB2L {
          font-size: 28px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.5);
          line-height: 44px;
        }

        .wDetailB2V {
          font-size: 28px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.8);
          line-height: 44px;
        }
      }
    }

  }

}

</style>
